﻿{% extends "base.html" %}

{% block scripts %}
{% endblock %}

{% block content %}
{% if user == request.user %}
<h1>Личный кабинет</h1>
{% else %}
<h1>Данные пользователя</h1>
{% endif %}

<div class="user_cabinet_base">
    <div class="panel_1">
        <img class="userpic"
                {% if user.user_info.avatar %}
             src="{{ user.user_info.avatar.url }}"
                {% else %}
             src="/media/images/nophoto.jpg"
                {% endif %}
             width="200" /> <! --height="227" -->
        <ul class="profile_options">
            {% if request.user.is_authenticated %}
                {% if user == request.user %}
                    <li class="option_item"><a href="/userinfo/">Редактировать страницу</a></li>
                {% else %}
                    {% if user in request.user.user_info.friends.all %}
                        <li class="option_item"><a href="/friends/cancel/{{ user.id }}/">Удалить из друзей</a></li>
                        <li class="option_item"><a href="/dialog/{{ user.username }}/">Отправить сообщение</a></li>
                    {% else %}
                        <li class="option_item"><a href="/friends/invite/{{ user.id }}/">Добавить в друзья</a></li>
                        <li class="option_item"><a href="/dialog/{{ user.username }}/">Отправить сообщение</a></li>
                    {% endif %}
                {% endif %}
            {% endif %}
            <li class="option_item"><a href="/user_companies/{{ user.id }}/">Компании пользователя</a></li>
        </ul>
    </div>

    <h1 class="username">{{ user.user_info.last_name }} {{ user.user_info.first_name }}</h1>

    <div class="base_info_block">
        <h2 class="block_header">Личные данные</h2>

        <dl>
            {% if user.user_info.country %}
                <dt>Страна:</dt>
                <dd>{{ user.user_info.country }}</dd>
            {% endif %}

            {% if user.user_info.city %}
                <dt>Город:</dt>
                <dd>{{ user.user_info.city }}</dd>
            {% endif %}

            {% if user.user_info.birthday %}
                <dt>Дата рождения:</dt>
                <dd>{{user.user_info.birthday }}</dd>
            {% endif %}

            <dt>Пол:</dt>
            <dd>{% if user.user_info.sex == 1 %}муж{% else %}жен{% endif %}</dd>

            {% if user.user_info.my_auto %}
                <dt>Мой автомобиль:</dt>
                <dd>{{ user.user_info.my_auto }}</dd>
            {% endif %}
        </dl>
        <!--<a class="block_edit" href="#">Редактировать</a>-->
    </div>

    <div class="base_info_block">
        <h2 class="block_header">Контактные данные</h2>

        <dl>
            {% if user.user_info.phone %}
                <dt>Телефон:</dt>
                <dd>{{ user.user_info.phone }}</dd>
            {% endif %}

            {% if user.user_info.skype %}
                <dt>Skype:</dt>
                <dd>{{ user.user_info.skype }}</dd>
            {% endif %}

            {% if user.user_info.icq %}
                <dt>icq:</dt>
                <dd>{{ user.user_info.icq }}</dd>
            {% endif %}


            {% if user.user_info.email %}
                <dt>e-mail:</dt>
                <dd>{{ user.user_info.email }}</dd>
            {% endif %}

            {% if user.user_info.website %}
                <dt>Сайт:</dt>
                <dd><a target="_blank" href="{{ user.user_info.website }}">{{ user.user_info.website }}</a></dd>
            {% endif %}

        </dl>
        <!-- <a class="block_edit" href="/edit_profile/">Редактировать</a> -->
    </div>
</div>

<!--
<div class="base_block ">
    <h2 class="block_header">Обсуждения</h2>

    <ul class="block_content debate_list">
        <li class="item">
            <h3 class="cat"><a href="#">Информационная безопасность</a> <span class="icon"></span></h3>
            <div class="author"><a href="#">Иван Иванов</a> <span class="icon"></span></div>
            <div class="mess_num">14 сообщений</div>
            <div class="date">22 июл в 22:31</div>
        </li>
        <li class="item">
            <h3 class="cat"><a href="#">Информационная безопасность</a> <span class="icon"></span></h3>
            <div class="author"><a href="#">Иван Иванов</a> <span class="icon"></span></div>
            <div class="mess_num">14 сообщений</div>
            <div class="date">22 июл в 22:31</div>
        </li>
        <li class="item">
            <h3 class="cat"><a href="#">Информационная безопасность</a> <span class="icon"></span></h3>
            <div class="author"><a href="#">Иван Иванов</a> <span class="icon"></span></div>
            <div class="mess_num">14 сообщений</div>
            <div class="date">22 июл в 22:31</div>
        </li>
        <li class="item">
            <h3 class="cat"><a href="#">Информационная безопасность</a> <span class="icon"></span></h3>
            <div class="author"><a href="#">Иван Иванов</a> <span class="icon"></span></div>
            <div class="mess_num">14 сообщений</div>
            <div class="date">22 июл в 22:31</div>
        </li>
        <li class="item">
            <h3 class="cat"><a href="#">Информационная безопасность</a> <span class="icon"></span></h3>
            <div class="author"><a href="#">Иван Иванов</a> <span class="icon"></span></div>
            <div class="mess_num">14 сообщений</div>
            <div class="date">22 июл в 22:31</div>
        </li>
        <li class="item">
            <h3 class="cat"><a href="#">Информационная безопасность</a> <span class="icon"></span></h3>
            <div class="author"><a href="#">Иван Иванов</a> <span class="icon"></span></div>
            <div class="mess_num">14 сообщений</div>
            <div class="date">22 июл в 22:31</div>
        </li>
        <li class="item">
            <h3 class="cat"><a href="#">Информационная безопасность</a> <span class="icon"></span></h3>
            <div class="author"><a href="#">Иван Иванов</a> <span class="icon"></span></div>
            <div class="mess_num">14 сообщений</div>
            <div class="date">22 июл в 22:31</div>
        </li>
    </ul>

    <a class="block_more" href="#">все обсуждения</a>
</div>
-->

<div class="base_block">
    <h2 class="block_header">Друзья</h2>

    <ul class="block_content user_list">
        {% for friend in user.user_info.friends.all %}
        <li class="item">
            <a href="/profile/{{ friend.id }}/">
                    <img class="pic"
                     {% if friend.user_info.avatar %}
                        src="{{ friend.user_info.avatar.url }}"
                        {% if friend.user_info.avatar.width > friend.user_info.avatar.height %}
                        width="47"
                        {% else %}
                        height="47"
                        {% endif %}
                     {% else %}
                        src="/media/images/nophoto.jpg/"
                        width="47" height="47"
                     {% endif %}
                     />{{ friend.user_info.first_name }} {{ friend.user_info.last_name }}
            </a>
        </li>
        {% endfor %}

    </ul>

    <a class="block_more" href="/all_friends/">все друзья</a>
</div>


<div class="base_block">
    <h2 class="block_header">Компании</h2>

    <ul class="block_content user_list">
        {% for company in user.user_companies.all %}
            <li class="item">
                <a href="/company/{{ company.id }}/">
                     <img class="pic"
                     {% if company.logo %}
                        src="{{ company.logo.url }}"
                        {% if company.logo.width > company.logo.height %}
                        width="47"
                        {% else %}
                        height="47"
                        {% endif %}
                     {% else %}
                        src="/media/images/img_no.gif/"
                        width="47" height="47"
                     {% endif %}
                     />
                    {{ company.name }}
                </a>
            </li>
        {% endfor %}
    </ul>

    <a class="block_more" href="/user_companies/{{ user.id }}/">все партнеры</a>
</div>


<div class="base_block">
    <h2 class="block_header">Предложения </h2>

    <ul class="block_content partners_list">
        {% for company in user.companies.all %}
            {% for offer in company.offers.all %}
            <li class="item">
                <div class="item_base"><a href="#">
                    <img class="pic" src="i/img_user_1.jpg" width="47" height="47">
                    <span class="text">Замысел эпопеи формировался задолго до«Война и мир». В наброске предис ловия к «герой которой должен был быть декабрщего я перешёл к 1825 го</span>
                </a></div>
                <ul class="options">
                    <li class="option_item"><a href="#">Добавить</a></li>
                    <li class="option_item"><a href="#">Удалить</a></li>
                </ul>
            </li>
            {% endfor %}
        {% endfor %}
    </ul>

    <a class="block_more" href="#"> все предложения</a>
</div>

<div class="base_block user_wall_block">
    <h2 class="block_header">Стена</h2>

    <div class="add_wall_mess">
        <form action="/post_wall_comment/" method="post" id="id_wall_post_form">
            <input class="text_input" name="text" id="id_text" type="text" value="" placeholder="Написать сообщение"/>
            <input type="hidden" name="sender" id="id_sender" value="{{ request.user.id }}"/>
            <input type="hidden" name="recipient" id="id_recipient" value="{{ user.id }}"/>
        </form>
    </div>

    <ul class="block_content user_wall_mess">
    {% for message in user.wall_messages.all %}
        {% if forloop.counter0 < 20 %}
        <li class="wall_item {% if forloop.first %}wall_item_first{% endif %}">
            <div class="item_base">
                <div class="author">
                    <a href="/profile/{{ message.sender.id }}/">
                        <img class="pic"
                         {% if message.sender.user_info.avatar %}
                            src="{{ message.sender.user_info.avatar.url }}"
                            {% if message.sender.user_info.avatar.width > message.sender.user_info.avatar.height %}
                                width="47"
                             {% else %}
                                height="47"
                            {% endif %}
                         {% else %}
                            src="/media/images/nophoto.jpg/" width="47" height="47"
                         {% endif %}
                        />
                    </a>
                </div>

                   <div class="text">{{ message.text }}</div>
                   <div class="date">{{ message.sent_at }}</div>
                
                <ul class="options">
                    <li class="option_item"><a href="/delete_from_wall/{{ message.id }}/">Удалить</a></li>
                </ul>
            </div>
        </li>
        {% endif %}
    {% endfor %}
    </ul>

</div>
{% endblock %}